<!--
  Generated template for the ServePerformancePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-toolbar color="winter" class="head-wrap">
      <ion-buttons (click)="goBack()"  left>
          <button ion-button icon-only>
            <ion-icon name="arrow-back" class="text-white"></ion-icon>
          </button>
    </ion-buttons>
    <ion-title align-title="center">终端客户</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="content-primary">
    <div class="person-card">
        <ion-row>
            <ion-col text-left class="user">
              <p class="title">用户姓名&nbsp;&nbsp;&nbsp;<span>{{memberInfo.MI_USER_NAME}}</span></p>
              <p class="title">用户编码&nbsp;&nbsp;&nbsp;<span>{{memberInfo.USER_CODE}}</span></p>
              <p class="title">手机号码&nbsp;&nbsp;&nbsp;<span>{{memberInfo.MOBILETELE}}</span></p>
            </ion-col>
        </ion-row>
    </div>

    <ion-row class="performance-box">
        <!--<ion-col col-6 text-left>-->
        <!--<ion-item no-lines>-->
        <!--<ion-avatar item-start>-->
        <!--<i class="iconfont">&#xe683;</i>-->
        <!--</ion-avatar>-->
        <!--<p>终端客户</p>-->
        <!--<h2>{{terminalMemberObj.USER_CODE}}</h2>-->
        <!--</ion-item>-->
        <!--</ion-col>-->
        <ion-col col-6 text-left>
            <ion-item no-lines>
                <ion-avatar item-start>
                    <i class="iconfont">&#xe69c;</i>
                </ion-avatar>
                <p>我的累计业绩(元)</p>
                <h2>{{memberInfo.UPGRADE_SINGLE_TOTAL}}</h2>
            </ion-item>
        </ion-col>
        <ion-col col-6 text-left>
            <ion-item no-lines>
                <ion-avatar item-start>
                    <i class="iconfont">&#xe69b;</i>
                </ion-avatar>
                <p>我的今日业绩(元)</p>
                <h2>{{performanceDetail.single}}</h2>
            </ion-item>
        </ion-col>
        <ion-col col-6 text-left>
            <ion-item no-lines>
                <ion-avatar item-start>
                    <i class="iconfont">&#xe682;</i>
                </ion-avatar>
                <p>小组累计业绩(元)</p>
                <h2>{{memberInfo.CURRENT_TOTAL_PV}}</h2>
            </ion-item>
        </ion-col>
        <ion-col col-6 text-left>
            <ion-item no-lines>
                <ion-avatar item-start>
                    <i class="iconfont">&#xe684;</i>
                </ion-avatar>
                <p>小组今日业绩(元)</p>
                <h2>{{memberInfo.GROUP_PV}}</h2>
            </ion-item>
        </ion-col>
    </ion-row>

    <!--<div class="terminal-customer">查看终端顾客</div>-->

    <!--<ion-grid margin-top style="position:relative;">-->
        <!--<ion-row class="bg-white b-b performance-list">-->
            <!--<ion-col text-left col-8>-->
                <!--<span class="f-1-5">-->
                    <!--<label style="font-size:16px;" class="blod">业绩详情</label>-->
                     <!--<label class="label-md-primary padding-left text-gray" style="font-size:14px;">2017.12.12</label> -->
                <!--</span>-->
            <!--</ion-col>-->
            <!--<ion-col text-right col-4 class='report-type' (click)="chooseTime()">-->
                <!--<span style="font-size:14px;line-heigth:34px;">-->
                    <!--<i class="iconfont">&#xe686;</i>-->
                <!--</span>-->
            <!--</ion-col>-->
        <!--</ion-row>-->
        <!--<ion-row class="bg-white text-lightdark b-b performance-list">-->
            <!--<ion-col text-left col-8>-->
                <!--<span class="f-1-5">-->
                    <!--<label style="font-size:16px;">我的新增业绩</label>-->
                <!--</span>-->
            <!--</ion-col>-->
            <!--<ion-col text-right col-4 class='report-type'>-->
                <!--<span>-->
                    <!--￥{{performanceDetail.single}}-->
                <!--</span>-->
            <!--</ion-col>-->
        <!--</ion-row>-->
        <!--<ion-row class="bg-white text-lightdark b-b performance-list">-->
            <!--<ion-col text-left col-8>-->
                <!--<span class="f-1-5">-->
                    <!--<label style="font-size:16px;">小组新增业绩</label>-->
                <!--</span>-->
            <!--</ion-col>-->
            <!--<ion-col text-right col-4 class='report-type'>-->
                <!--<span>-->
                    <!--￥{{performanceDetail.group}}-->
                <!--</span>-->
            <!--</ion-col>-->
        <!--</ion-row>-->

        <!--<div class="modal-select box-shadow"  *ngIf="modalShow">-->
            <!--<ul>-->
              <!--<li (click)="selectDate(1)" [ngClass]="{'active':time == 1}">今天（默认）</li>-->
              <!--<li (click)="selectDate(7)" [ngClass]="{'active':time == 7}">近一周</li>-->
              <!--<li (click)="selectDate(30)" [ngClass]="{'active':time == 30}">近一月</li>-->
              <!--<li (click)="selectDate(90)" [ngClass]="{'active':time == 90}">近三月</li>-->
            <!--</ul>-->
        <!--</div>-->
    <!--</ion-grid>-->

    

</ion-content>
